@extends('astron.layout_cn')
@section('content')

<div id="content" >
    
  <div class="row">
            <div class='col-md-6'>
            <div class="news-item white-bg" style="width:100%!important">
              <div class=" news-item creative-text">
                  <p class="white"><span class="blue-bg sub-heading">社交网络</span></p>
                    <h3 class="sub-heading add-top-half">社交网络：</h3>
                    <p>- 微博、微信、领英</p>
                    <p>- 线上活动</p>
              <h3 class="sub-heading add-top-half">社交网络：</h3>
              <p>
                  太空人社交网络创意方案曾获得广告业界奖项。我们为客户在国内注册并运营维护社交媒体账户，
                  不仅撰写文案和设计内容，还发起月度的活动，持续不断地与社交渠道的受众互动。
              </p>
              <p><b>社交网络服务包括：</b></p>
              <p>- 运营维护社交网络账户</p>
              <p>- 连接多账户的内容</p>
              <p>- 创意策划并实施数字活动</p>
              <p>以及更多...</p>
                </div>
              </div>

          </div>
          <div class="col-md-6">
              <img alt="" title="" class="img-responsive" src="images/creative/6.jpg" style="width:100%;" />
          </div>
    </div>
     <div class="row">
      <div class="col-md-6">
              <img alt="" title="" class="img-responsive" src="images/creative/creative-3.jpg" style="width:100%;" />
          </div>
            <div class='col-md-6'>
            <div class="news-item blue-bg" style="width:100%!important">
              <div class="news-item-inner  white">
                  <p class="white"><span class="black-bg sub-heading">用户互动</span></p>
                    <h3 class="sub-heading add-top-half">用户互动：</h3>
                    <p>- Apps </p>
                    <p>- 增强现实技术</p>
              <h3 class="sub-heading add-top-half">用户互动：</h3>
              <p>
                  今天，受众通过手机互动与品牌沟通，并形成对品牌公司的看法。这些互动行为功能强大，不只是因为它给品牌提供了更新颖的沟通方式，
                  还因为它们可以获得数据，这些数据可使品牌获得独有信息，即哪些受众与其品牌相关联及这些受众对品牌的感受如何等。
              </p>
              <p><b>用户互动服务包括：</b></p>
              <p>- 社交媒体账户上的Apps</p>
              <p>- iOS与Android版的本地App</p>
              <p>- 基于前沿的增强现实技术的App</p>
              <p>以及更多...</p>
                 
                </div>
              </div>

          </div>
          
    </div>
     <div class="row">
            <div class='col-md-6'>
            <div class="news-item white-bg" style="width:100%!important">
              <div class="creative-text ">
                  <p class="white"><span class="blue-bg sub-heading">线下对接线上</span></p>
                    <h3 class="sub-heading add-top-half">线下对接线上：</h3>
                    <p>- 线下活动 </p>
                    <p>- 线上活动</p>
              <h3 class="sub-heading add-top-half">线下对接线上：</h3>
              <p>
                 营销将一切数字化。太空人致力于提供一整套营销方案，将传统线下活动，通过用户互动工具及我们领先
                 的营销分析引擎Spayz连接至社交媒体及数字世界。您从受众那里得到的不只是更多响应，还有您对受众的认知及受众对您产品的感受。
              </p>
              <p><b>线下对接线上的服务包括：</b></p>
              <p>- 使线下活动线上化</p>
              <p>- 将线上活动与社交媒体相连</p>
              <p>- 建立全新的购物体验</p>
                 
                </div>
              </div>

          </div>
          <div class="col-md-6">
              <img alt="" title="" class="img-responsive" src="images/creative/creative-4.jpg" style="width:100%;" />
          </div>
    </div>

  <!-- end : newss-container -->
 <!--  <section class="container color-bg text-center">

  <div class="row">

      <article class="col-md-12 team-job silver-bg text-center pad-top pad-bottom">
          <h3 class="main-heading black">想跟我们一起工作吗？</h3>
          <div class="trigger-button add-top-quarter">
              <a href="/contact_us_cn" class="btn btn-reflex btn-reflex-dark black">联系我们</a>
          </div>
      </article>
    </div>

</section> -->

<section class="team-container">
                <div class="row">
                    <article class="col-md-3 no-gutter team-thumb silver-bg text-center">
                        <img alt="" title="" class="img-responsive" src="images/case/audi/aodi-2.jpg" style='height:300px;'/>
                    </article>
                    <article class="col-md-3 team-info white-bg text-center">
                        <div class="triangle-arrow triangle-arrow-right"></div>
                        <div class="valign">
                            <h3 class="">奥迪 e-tron<br>上市活动</h3>
                            <a href="/audi"><h6><span>更多</span></h6></a>
                        </div>
                    </article>
                    <article class="col-md-3 no-gutter team-thumb silver-bg text-left">
                        <img alt="" title="" class="img-responsive" src="images/case/audi/aodi-2.jpg" style='height:300px;'/>
                    </article>
                    <article class="col-md-3 team-info white-bg text-center">
                        <div class="triangle-arrow triangle-arrow-right"></div>
                        <div class="valign">
                            <h3 class="">保时捷 Panamera<br>发布</h3>
                            <a href="/porsche"><h6><span>more</span></h6></a>
                        </div>
                    </article>
                </div>


                <div class="row">

                    <article class="col-md-3 team-info white-bg text-center">
                        <div class="triangle-arrow triangle-arrow-left"></div>
                        <div class="valign">
                            <h3 class="">“乐在维也纳”<br> 音乐活动</h3>
                            <a href="/vienna"><h6><span>更多</span></h6></a>
                        </div>
                    </article>
                    <article class="col-md-3 no-gutter team-thumb silver-bg text-center">
                        <img alt="" title="" class="img-responsive" src="images/case/audi/aodi-2.jpg" style='height:300px;'/>
                    </article>
                    <article class="col-md-3 team-info white-bg text-center">
                        <div class="triangle-arrow triangle-arrow-left"></div>
                        <div class="valign">
                            <h3 class="">“宝马柒悦汇”<br>社交媒体运营</h3>
                            <a href="/bmw"><h6><span>更多</span></h6></a>
                        </div>
                    </article>
                    <article class="col-md-3 no-gutter team-thumb silver-bg text-left">
                        <img alt="" title="" class="img-responsive" src="images/case/audi/aodi-2.jpg" style='height:300px;'/>
                    </article>
                </div>



                <div class="row">
                  <article class="col-md-12 team-job color-bg text-center pad-top pad-bottom">
                      <h3 class="main-heading white">想跟我们一起工作吗？</h3>
                      <div class="trigger-button add-top-quarter">
                          <a href="/contact_cn" class="btn btn-reflex btn-reflex-dark white">联系我们</a>
                      </div>
                  </article>
                </div>
            </section>

<footer class="container master-footer">
    <div class="row">
        <article class="col-md-6  text-left white-bg" id="map">
            <img src="images/map.png" alt=""/>
        </article>

        <article class="col-md-6 footer-column text-left white-bg">
            <h3>联系我们</h3>
            <ul class="foot-links">
                <li><span>北京市东城区东直门北小街青龙胡同1号歌华大厦 B座420室</span></li>
                <li><span>Tel+86(0) 1084186659</span></li>
                <li><span>Fax+86(0) 1084186659</span></li>
            </ul><br>
            <h3>社交媒体</h3>
            <div class="contact-li">
                <ul class="social-wrap">
                    <li><a href="#"><img alt="" title="" src="images/social/icon-menu-1.png"/></a></li>
                    <li><a href="#"><img alt="" title="" src="images/social/icon-menu-2.png"/></a></li>
                </ul>
            </div>
        </article>
    </div>
    <div class="row">
        <article class="col-md-12">
            <div class="bt_logo"><img src="images/logo.png" alt=""/></div>
        </article>
    </div>
</footer>







</div>
<!-- end content -->

<!-- Core JS Libraries -->
<script src="javascripts/jquery.js" type="text/javascript"></script>
<script src="javascripts/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="bootstrap/js/bootstrap.js" ></script> 
<!-- JS Plugins -->
<script src="javascripts/device.min.js"></script>
<script src="javascripts/modernizr.js" type="text/javascript"></script>
<script src="javascripts/retina.js" type="text/javascript"></script>
<script src="javascripts/responsive-nav.js" type="text/javascript"></script>
<script src="javascripts/navi-slidedown.js" type="text/javascript"></script>
<script src="javascripts/equalheights.js" ></script> 
<script src="javascripts/jquery.parallax-1.1.3.js" ></script> 
<script src="javascripts/jquery.masonry.min.js"></script>
<script src="javascripts/jquery.tweet.js"></script>
<script src="javascripts/jquery.slimmenu.min.js"></script>
<!-- JS Custom Codes --> 
<script src="javascripts/equalheights-init.js" ></script> 
<script src="javascripts/hiding-nav.js"></script> 
<script src="javascripts/masonry-init.js"></script> 
<script src="javascripts/parallax-init.js"></script>
<script src="javascripts/pace.min.js" ></script>  
<script src="javascripts/main.js" ></script>

@stop